@import "~antd/lib/style/themes/default.less";
@import "~@/utils/utils.less";

.cardList {
	margin-bottom: -24px;

	.card {
		:global {
			.ant-card-body {
				background: linear-gradient(-45deg, #DFEAFD 32%, #F8FAFF 100%);
			}

			.ant-card-meta {
				display: flex;
				align-items: center;
			}

			.ant-card-meta-title {
				margin-bottom: 0px;

				&>a {
					display: inline-block;
					max-width: 100%;
					font-weight: bold;
					color: #3F4959;
				}
			}

			.ant-card-meta-description {
				position: absolute;
				top: -1px;
				right: -1px;
				color: #FFFFFF;
			}

			.ant-avatar-string {
				height: 48px;
				display: flex;
				align-items: center;
			}

			.ant-card-actions {
				background: #FFFFFF;

				a {
					font-weight: 500;
					color: #666666;
				}
			}

			.ant-card-body:hover {
				.ant-card-meta-title>a {
					color: @primary-color;
				}
			}
		}
	}

	.item {
		padding: 3px 15px;
		border: 1px solid;
		border-radius: 0px 4px 0px 40px;
	}

	:global {
		.ant-list .ant-list-item-content-single {
			max-width: 100%;
		}

		.ant-list-pagination {
			margin: 24px 0;
		}
	}
}

.extraImg {
	width: 195px;
	margin-top: -60px;
	text-align: center;

	img {
		width: 100%;
	}
}

.newButton {
	width: 100%;
	height: 188px;
	color: @text-color-secondary;
	background-color: #FFFFFF;
	border-color: @border-color-base;
	border-radius: @border-radius-sm;
}

.cardAvatar {
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	background-color: #3F5CFF;
	border-radius: 48px;
	box-shadow: 0px 4px 16px 0px rgba(62,91,255,0.38);
}

.cardDescription {
	.textOverflowMulti();
}

.pageHeaderContent {
	position: relative;
}

.contentLink {
	margin-top: 16px;

	a {
		margin-right: 32px;

		img {
			width: 24px;
		}
	}

	img {
		margin-right: 8px;
		vertical-align: middle;
	}
}

@media screen and (max-width: @screen-lg) {
	.contentLink {
		a {
			margin-right: 16px;
		}
	}
}

@media screen and (max-width: @screen-md) {
	.extraImg {
		display: none;
	}
}

@media screen and (max-width: @screen-sm) {
	.pageHeaderContent {
		padding-bottom: 30px;
	}

	.contentLink {
		position: absolute;
		bottom: -4px;
		left: 0;
		width: 1000px;

		a {
			margin-right: 16px;
		}

		img {
			margin-right: 4px;
		}
	}
}

.icon {
	margin: 0 5px;
}

.referBgBox{
  background-image: url("../../../assets/sysImages/referBg.png");
  background-repeat: no-repeat;
  background-size: 100%;
	background-position: center center;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000000;
  height: 123px;
  line-height: 123px;
  padding:0 23px;
}